<template>

  <!-- 添加接口栏目 -->
  <div class="add-port-column">
    <div class="add-port-left">
      <div class="new-get-port">
        <div class="new-get-en">GET</div>
        <div class="new-get-cn">新建请求</div>
      </div>
      <div class="new-post-port">
        <div class="new-post-en">POST</div>
        <div class="new-post-cn">新建请求2</div>
      </div>
      <i class="iconfont font-size-add2">&#xe638;</i>
    </div>
    <div class="add-manage-right">
      <div class="manage">
        <i class="iconfont font-size-right">&#xe666;</i>
        <div class="manage-envi">管理环境</div>
      </div>
    </div>
  </div>
  <!-- 搜索栏目 -->
  <div class="search-column">
    <div class="search-left">
      <div class="search-left-wrapped">
        <div class="search-get">GET</div>
        <i class="iconfont font-size-right">&#xe718;</i>
      </div>
    </div>
    <div class="search-right">
      <el-button class="search-send"> 发送</el-button>
      <el-button class="search-save"> 保存</el-button>
    </div>
  </div>
  <!-- 填写栏目 -->
  <div class="write-column">
    <div class="requset-params-column">
      <div class="params-header">
        
        <ul>
          <li>Params</li>
          <li>Body</li>
          <li>Cookie</li>
          <li>Header</li>
          <li>Auth</li>
          <li>设置</li>
        </ul>
      </div>
<router-view></router-view>
    </div>
  </div>
  <!-- 结果栏目 -->
  <div class="result-column">
    <div class="result-column-wrapped">
      <div class="result-column-content">
        <div class="result-column-left">响应结果</div>
        <div class="img-size">
          <img src="@/assets/images/Campaign launch_Flatline.svg" alt="" />
        </div>
        <div class="click-button-result">点击“发送”按钮再查看结果</div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
 


</style>
